<template>
	<view>
		<slot />
	</view>
</template>

<script lang="ts" setup>
import { computed, getCurrentInstance, onMounted, provide, ref, watch, nextTick } from 'vue'

interface Props {
	customClass?: string
	// 绑定值
	activeKey: number | string
	// 标签数超过阈值可滑动
	slidableNum?: number
	// 标签数超过阈值显示导航地图
	mapNum?: number
	// 开启手势滑动
	swipeable?: boolean
	// 底部条宽度，单位像素
	lineWidth?: number
	// 底部条高度，单位像素
	lineHeight?: number
	color?: string
	inactiveColor?: string
	// 是否开启切换标签内容时的过渡动画
	animated?: boolean
	// 切换动画过渡时间，单位毫秒
	duration?: number
}

const props = withDefaults(defineProps<Props>(), {
	activeKey: 0,
	slidableNum: 6,
	mapNum: 10,
	sticky: false,
	offsetTop: 0,
	swipeable: false,
	lineWidth: 19,
	lineHeight: 3,
	animated: false,
	duration: 300,
	customClass: '',
})



</script>

<style scoped></style>
